<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="wclassth=device-wclassth, initial-scale=1.0">
    <title>轻松批-首页</title>
    <link rel="stylesheet" href="css/lx1.css">
</head>
<body>
    <!-- ctrl+f替换 -->
    <div class="wrap">
        <!-- top部分 -->
        <div class="top">
           <div class="top-content">
            <div class="top-left">
                <img src="./img/logo.png" alt="logo">
                <span>让批发更轻松</span>
            </div>
            <div class="top-mid">
                <ul>
                    <li class="active"><a href="#"><span>首页</span></a></li>
                    <li><a href="#"><span>服务</span></a></li>
                    <li><a href="#"><span>定价</span></a></li>
                    <li><a href="#"><span>关于</span></a></li>
                </ul>
            </div>
            <div class="top-right">
                <button>立即申请</button>
                <span>12345678</span>
                <img src="./img/h24.png" alt="phone">
            </div>
           </div>
        </div>
        <!-- banner部分 -->
        <div class="banner">
            <div class="banner-content">
            <div class="banner-left">
                    <p>批发，从未如此轻松</p>
                <ul>
                    <li><span>重新定义批发,为您连接所有客户</span></li>
                    <li><span>拥抱移动互联,助您生意再次腾飞</span></li>
                </ul>
                <button>申请免费试用</button>
            </div>
            <div class="banner-right">
                <img src="./img/p1.png" alt="float-right">
            </div>
            </div>
        </div>
        <!-- tuijian部分 -->
        <div class="tuijian">
            <div class="tuijian-content">
                <div class="module">
                    <p><img src="./img/p2.png" alt=""></p>
                    <p>掌控店铺</p>
                   
                    <ul>
                        <li><span>实时数据同步，了解店铺运营情况</span></li>
                        <li><span>所有店铺状态，随时随地一手掌握</span></li>
                    </ul>
                </div>
                <div class="module">
                    <p><img src="./img/p3.png" alt=""></p>
                    <p>安全稳定</p>
                    <ul>
                        <li><span>数据多重加密，确保安全</span></li>
                        <li><span>阿里云服务器，稳定无忧</span></li>
                    </ul>
                </div>
                <div class="module">
                    <p><img src="./img/p4.png" alt=""></p>
                    <p>无需网络</p>
                    <ul>
                        <li><span>离线操作+在线数据同步，多点共用</span></li>
                        <li><span>没有网络也不影响生意，全国唯一</span></li>
                    </ul>
                </div>
                <div class="module">
                    <p><img src="./img/p5.png" alt=""></p>
                    <p>专属网店</p>
                    <ul>
                        <li><span>专属独立网商，防止对比</span></li>
                        <li><span>扫码才可进入，拒绝仿版</span></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- icon部分 -->
        <div class="icon">
            <div class="icon-content">
                <h2><span>三大优势</span>祝你生意腾飞</h2>
                <h6>我们所做的一切，只为你的生意更好！</h6>
                <div class="squares">
                    <p><img src="./img/p6.png" alt="youshi"></p>
                    <p><span>你的独立网络</span></p>
                    <p>即刻拥有你的专属网商平台，扫码访问让你的店铺捧在他的手心里</p>
                </div>
                <div class="squares">
                    <p><img src="./img/p7.png" alt="youshi"></p>
                    <p><span>你的独立网络</span></p>
                    <p>即刻拥有你的专属网商平台，扫码访问让你的店铺捧在他的手心里</p>
                </div>
                <div class="squares">
                    <p><img src="./img/p8.png" alt="youshi"></p>
                    <p><span>你的独立网络</span></p>
                    <p>即刻拥有你的专属网商平台，扫码访问让你的店铺捧在他的手心里</p>
                </div>
            </div>
        </div>
        <!-- shop部分 -->
        <div class="shop">
            <div class="shop-content">
                <div class="shop-up">
                    <span class="colors">云商店</span>
                    <span>进销存</span>
                    <span>商米v1</span>
                </div>
                <div class="shop-down">
                    <div class="shop-left">
                        <h3>你独有的网店&nbsp;<span>-轻松批云商店</span></h3>
                        <h6>轻松批展示店专为批发商进行开发，让您拥有独立的、安全的展示空间，所有数据直接在APP上即<br>
                        可进行编辑，提供全面的展示、交易、售后服务，为您的批发事业插上互联网的翅膀！
                        </h6>
                        <p>无限容量空间<br>
                        一键生成二维码<br>
                        免费公众号服务
                        </p>
                        <button>进入示范店铺</button>
                    </div>
                    <div class="shop-right">
                        <img src="./img/p9.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!-- help部分 -->
        <div class="help">
            <div class="help-content">
                <div class="help-up">
                    <h1>我们如何帮助客户成功</h1>
                    <hr>
                </div>
                <div class="help-down">
                    <div class="help-left">
                        <img src="./img/p14.png" alt="">
                    </div>
                    <div class="help-right">
                        <p>&nbsp;&nbsp;&nbsp;&nbsp;轻松批让我们不再像以前一样每天都要守在店里观察客户情况，在家里打开手机就可以看到店铺整体的业务情</p>
                        <p>况，让我有更多时间在面料、工厂和款式上下功夫，自带的销量库存报告让我可以很准确的进货下单</p>
                        <p>&nbsp;&nbsp;&nbsp;&nbsp;并且轻松批提供的网上店铺，更方便我的客户看新款，我也不用发微信来骚扰客户，现在的老客户越来越多！</p>
                        <p>用轻松批，说老实话并没有轻松多少，但是生意变好了很多！继续加油！！！</p>
                        <p class="colors"><span>特朗普</span><br>
                           味道档口老板，美衣城c071档
                        </p>
                        <span class="sizes">WEIDAO</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- contact部分 -->
        <div class="contact">
            <div class="contact-content">
                <div class="contact-left">
                    <p>留下您的电话，我们第一时间联系您</p>
                    <form action="">
                        <input type="text" name="" id="" placeholder="姓名">&nbsp;&nbsp;<input type="number" name="" id="" placeholder="电话号码"><br>
                        <input class="longs" type="email" name="" id="" placeholder="邮箱" ><br>
                        <textarea name="" id="" placeholder="内容"></textarea><br>
                        <input class="colors" type="submit" name="" id="" value="提交"><br>
                    </form>
                    <span>温馨提示：可以在内容中填写您的店铺地址，在开通业务的地区，我们提供上门服务！</span>
                </div>
                <div class="contact-right">
                    <img src="img/p11.png" alt="">
                </div>
            </div>
        </div>
        <!-- footer部分 -->
        <div class="footer">
            <div class="footer-content">
                <div class="footer-left">
                    <span>轻松批，让批发更轻松！！！</span>
                </div>
                <div class="footer-right">
                    <span>免费试用版本</span>
                </div>
            </div>
        </div>
        <!-- bottom部分 -->
        <div class="bottom">
            <div class="bottom-content">
                <div class="modules">
                    <h3>关于我们</h3>
                    <p class="heights">轻松批是广州市晶焰网络科技有限公司专为
                    批发行业开发的成套批发管理工具，我们致
                    力于解决批发行业的各种痛点，并为客户提
                    供更好和更优质的产品。
                    </p>
                </div>
                <div class="modules">
                    <h3>合作伙伴</h3>
                    <p class="colors">阿里云——阿里巴巴网络服务平台</p>
                    <p>商米——小米控股商用设备提供商</p>
                </div>
                <div class="modules">
                    <h3>联系方式</h3>
                        <p><img src="./img/邮箱.png" alt="">
                            <span>qsq@baokuant.com</span></p>
                        <p><img src="./img/电话.png" alt="">
                            <span>+86&nbsp;13826027418</span></p>
                        <p><img src="./img/地址.png" alt="">
                            <span>广州市越秀区人民南路88号肯德基二楼</span></p>
                </div>
                <div class="modules">
                    <h3>帮助与支持</h3>
                    <p><img src="./img/列表.png" alt="">
                        <span>使用帮助</span></p>
                    <p><img src="./img/电话.png" alt="">
                        <span>+86&nbsp;13826027418</span></p>
                    <p><img src="./img/地址.png" alt="">
                        <span>广州市越秀区人民南路88号肯德基二楼</span></p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>